* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #f3f4f8;
    line-height: 1.5;
    font-size: 14px;
    font-family: Hiragino Sans GB W3, microsoft yahei, WenQuanYi Micro Hei, sans-serif;
}

.iconfont {
    font-size: 24px;
}

/*底部导航样式*/
.tab {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}

.tab ul {
    list-style: none;
}

.tab ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 6px 0;
    font-size: 8px;
    background: #fff;
}

.tab ul li a {
    text-decoration: none;
    color: #333;
}


/*头部样式*/
.top-header input {
    font-size: 15px;
    float: left;
    margin: 8px;
    border-radius: 15px;
    height: 30px;
    border: none;
    text-align: center;
    width: 83%;
}

.top-header {
    height: auto;
    position: fixed;
    top: 0;
    background-color: #f3f4f8;
    width: 100%;
    text-align: center;
    z-index:999;
}

.top-header .header-lfet{
    position: fixed;
}

.top-header a span {
    font-size: 30px;
}

/*轮播图样式*/
.swipe {
    width: 100%;
    overflow: hidden;
    padding-top: 46.9px;
}

.swipe img {
    height: 200px;
    width: 100%;
    /* padding: 0 5px; */
}

/*今日新品样式*/
.mini-title,
.second-title,
.third-title {
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin-bottom: 12.5px;
}

.mini-title h2,
.second-title h2,
.third-title h2 {
    /* width: 70%; */
    padding-left: 10px;
    font-weight: lighter;
    display: inline;
}

.mini-title span,
.second-title span,
.third-title span {
    font-size: 12px;
    float: right;
    padding-right: 20px;
    vertical-align: middle;
}

/*菜品列表样式*/
.goodsList {
    height: 300px;
    padding-top: 13px;
}

.goodsList ul,
.goodsList1 ul {
    list-style: none;
    overflow: hidden;
    padding-bottom: 50px;
}

.goodsList ul li,
.goodsList1 ul li {
    width: 45.5%;
    float: left;
    margin-left: 3%;
    margin-bottom: 7px;
    box-shadow: 0 0.13333rem 0.13333rem #e5e5e5;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
}

.goodsList ul li img {
    opacity: 0.8;
}

.goodsList ul li img,
.goodsList1 ul li img {
    width: 100%;
    border-radius: 10px;
    height: 150px;
    position: relative;
}

.goodsList ul li p,
.goodsList1 ul li p {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    font-size: 18px;
}

.goodsList ul li p span,
.goodsList1 ul li p span {
    color: #efbc2e;
    float: left;
}

.goodsList ul li p em,
.goodsList1 ul li p em {
    margin-left: 20px;
    /* text-align: center; */
    text-decoration-style: initial;
    text-decoration-line: line-through;
    text-decoration-color: initial;
    float: left;
    font-style: normal;
}

.icon-play {
    font-size: 80px;
    position: absolute;
    top: 320px;
    padding-left: 55px;
    color: #fff;

}

.goodsList1 {
    height: 200px;
}

/*种草机样式*/
.four {

    width: 100%;
    height: 220px;
    position: absolute;
}

.four ul {
    width: 100%;
    position: relative;
    bottom: 0;
    height: 152px;
    list-style: none;
}

.four ul li {
    width: 25%;
    height: 150px;
    float: left;
    padding: 3px 3px;
    display: flex;
}

.four ul li a {
    height: 150px;
    text-decoration: none;
    color: #333;
}

.p2-1 img {
    width: 100%;
    float:left;
    height: 150px;
    object-fit: cover;
    vertical-align: bottom;
}

/*美食研究所*/
.yj {
    width: 100%;
    height: 480px;
    padding-top: 180px;
}

.bg-frame{
height: 400px;
width: 100%;
}
.bg {
    position: relative;
    width: 100%;
    height: 250px;
    border-radius: 6.25px;
    overflow: hidden;
    background-image: url(../image/bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.bg h2,
.bg p {
    color: #fff;
    padding-left: 10px;
    padding-top: 3px;
}
.three{
height: 200px;
padding: 10px;
}
.user1,.user2,.user3{
    display: inline-block;
width: 26%;
height: 80%;
margin: 13px;
background: #fff;
text-align: center;
padding-left: 3px;
border-radius: 6.25px;
vertical-align: middle;
}
.user1 img,.user2 img,.user3 img{
display: inline-block;
padding-top: 15px;
height: 55%;
}
.user1 p,.user2 p,.user3 p{
font-size: 15px;
margin-top: 3px;
padding-left: 0px;
color: #000;
}
.user1 em,.user2 em,.user3 em{
font-size: 12.5px;
font-style: normal;
margin-top: 3px;
padding-left: 0px;
color: grey;
}
.announce{
width: 100%;
height: 100px;
text-align: center;
padding-top: 0px;
position: absolute;
}
.announce img{
height: 100%;
}